/* eslint-disable */
import { KEYS, CONTROL_STATE, EPS } from "./Constant"
import { EventDispatcher, Vector3, MOUSE, Quaternion, Spherical, Vector2, PerspectiveCamera, OrthographicCamera } from "three"
// This set of controls performs orbiting, dollying (zooming), and panning.
// Unlike TrackballControls, it maintains the "up" direction object.up (+Y by default).
//
//    Orbit - left mouse / touch: one finger move
//    Zoom - middle mouse, or mousewheel / touch: two finger spread or squish
//    Pan - right mouse, or arrow keys / touch: three finter swipe
export default class EarthControl extends EventDispatcher {
  constructor(object, domElement, render, coord) {
    super()

    this.object = object
    this.render = render
    this.domElement = (domElement !== undefined) ? domElement : document

    // Set to false to disable this control
    this.enabled = true
    // "target" sets the location of focus, where the object orbits around
    this.target = new Vector3()
    // How far you can dolly in and out ( PerspectiveCamera only )
    // this.minDistance = 10;
    this.minDistance = 1
    this.maxDistance = 20000000
    // How far you can zoom in and out ( OrthographicCamera only )
    this.minZoom = 0
    this.maxZoom = Infinity
    // How far you can orbit vertically, upper and lower limits.
    // Range is 0 to Math.PI radians.
    this.minPolarAngle = 0 // radians
    this.maxPolarAngle = 1.5 // radians
    // this.maxPolarAngle = 1.7; // radians

    // How far you can orbit horizontally, upper and lower limits.
    // If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].
    this.minAzimuthAngle = -Infinity // radians
    this.maxAzimuthAngle = Infinity // radians
    // this.minAzimuthAngle = -Math.PI/20; // radians
    // this.maxAzimuthAngle = +Math.PI/20; // radians

    // Set to true to enable damping (inertia)
    // If damping is enabled, you must call controls.update() in your animation loop
    this.enableDamping = true
    this.dampingFactor = 0.075
    // This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
    // Set to false to disable zooming
    this.enableZoom = true
    this.zoomSpeed = 1.0
    // Set to false to disable rotating
    this.enableRotate = true
    this.rotateSpeed = 0.08
    // Set to false to disable panning
    this.enablePan = true
    this.keyPanSpeed = 7.0 // pixels moved per arrow key push

    // // Le louvre
    // this.LONGITUDE_ORI = 2.33517;
    // this.LATITUDE_ORI = 48.86148;

    // UNESCO
    this.LONGITUDE_ORI = 2.3057599523656336
    this.LATITUDE_ORI = 48.849568465379264

    // this.LONGITUDE_ORI = 0;
    // this.LATITUDE_ORI = 0.00001;

    // // ESB
    // this.LONGITUDE_ORI = -73.98468017578125;
    // this.LATITUDE_ORI = 40.7477771608207;

    // COLISEO
    // this.LONGITUDE_ORI = 12.492148216478085;
    // this.LATITUDE_ORI = 41.89015670900311;

    // Set to true to automatically rotate around the target
    // If auto-rotate is enabled, you must call controls.update() in your animation loop
    this.autoRotate = false
    this.autoRotateSpeed = 2.0 // 30 seconds per round when fps is 60
    // Set to false to disable use of the keys
    this.enableKeys = true

    // The four arrow keys
    this.keys = Object.assign({}, KEYS)

    // Mouse buttons
    this.mouseButtons = {
      PAN: MOUSE.LEFT,
      ZOOM: MOUSE.MIDDLE,
      ORBIT: MOUSE.RIGHT
    }

    // for reset
    this.target0 = this.target.clone()
    this.position0 = this.object.position.clone()
    this.zoom0 = this.object.zoom

    //
    // public methods
    //

    this.getPolarAngle = function() {
      return spherical.phi
    }

    this.getAzimuthalAngle = function() {
      return spherical.theta
    }

    this.reset = function() {
      scope.target.copy(scope.target0)
      scope.object.position.copy(scope.position0)
      scope.object.zoom = scope.zoom0
      scope.object.updateProjectionMatrix()
      scope.dispatchEvent(changeEvent)
      scope.update()
      scope.render()
      state = CONTROL_STATE.NONE
    }

    // this method is exposed, but perhaps it would be better if we can make it private...
    this.update = (function() {
      var offset = new Vector3()
      // so camera.up is the orbit axis
      var quat = new Quaternion().setFromUnitVectors(object.up, new Vector3(0, 1, 0))
      var quatInverse = quat.clone().inverse()
      var lastPosition = new Vector3()
      var lastQuaternion = new Quaternion()
      return function update() {
        var position = scope.object.position
        offset.copy(position).sub(scope.target)
        // rotate offset to "y-axis-is-up" space
        offset.applyQuaternion(quat)
        // angle from z-axis around y-axis
        spherical.setFromVector3(offset)
        if (scope.autoRotate && state === CONTROL_STATE.NONE) {
          rotateLeft(getAutoRotationAngle())
        }
        spherical.theta += sphericalDelta.theta
        spherical.phi += sphericalDelta.phi
        // restrict theta to be between desired limits
        spherical.theta = Math.max(scope.minAzimuthAngle, Math.min(scope.maxAzimuthAngle, spherical.theta))
        // restrict phi to be between desired limits
        spherical.phi = Math.max(scope.minPolarAngle, Math.min(scope.maxPolarAngle, spherical.phi))
        spherical.makeSafe()
        spherical.radius *= scale
        // restrict radius to be between desired limits
        spherical.radius = Math.max(scope.minDistance, Math.min(scope.maxDistance, spherical.radius))
        // move target to panned location
        // scope.target.add(panOffset);
        offset.setFromSpherical(spherical)
        // rotate offset back to "camera-up-vector-is-up" space
        offset.applyQuaternion(quatInverse)
        position.copy(scope.target).add(offset)
        scope.object.lookAt(scope.target)
        if (scope.enableDamping === true) {
          sphericalDelta.theta *= (1 - scope.dampingFactor)
          sphericalDelta.phi *= (1 - scope.dampingFactor)
        } else {
          sphericalDelta.set(0, 0, 0)
        }
        scale = 1
        // panOffset.set(0, 0, 0);
        // update condition is:
        // min(camera displacement, camera rotation in radians)^2 > EPS
        // using small-angle approximation cos(x/2) = 1 - x^2 / 8
        if (zoomChanged ||
              lastPosition.distanceToSquared(scope.object.position) > EPS ||
              8 * (1 - lastQuaternion.dot(scope.object.quaternion)) > EPS) {
          scope.dispatchEvent(changeEvent)
          lastPosition.copy(scope.object.position)
          lastQuaternion.copy(scope.object.quaternion)
          zoomChanged = false
          return true
        }
        return false
      }
    }())

    this.dispose = function() {
      scope.domElement.removeEventListener('contextmenu', onContextMenu, false)
      scope.domElement.removeEventListener('mousedown', onMouseDown, false)
      scope.domElement.removeEventListener('mousewheel', onMouseWheel, false)
      scope.domElement.removeEventListener('MozMousePixelScroll', onMouseWheel, false) // firefox
      scope.domElement.removeEventListener('touchstart', onTouchStart, false)
      scope.domElement.removeEventListener('touchend', onTouchEnd, false)
      scope.domElement.removeEventListener('touchmove', onTouchMove, false)
      document.removeEventListener('mousemove', onMouseMove, false)
      document.removeEventListener('mouseup', onMouseUp, false)
      document.removeEventListener('mouseout', onMouseUp, false)
      window.removeEventListener('keydown', onKeyDown, false)
      // scope.dispatchEvent( { type: 'dispose' } ); // should this be added here?
    }

    var scope = this
    var changeEvent = {
      type: 'change'
    }
    var startEvent = {
      type: 'start'
    }
    var endEvent = {
      type: 'end'
    }
    var state = CONTROL_STATE.NONE

    // current position in spherical coordinates
    var spherical = new Spherical()
    var sphericalDelta = new Spherical()

    var scale = 1
    // var panOffset = new Vector3();
    var longitude = this.LONGITUDE_ORI
    var latitude = this.LATITUDE_ORI
    if (coord) {
      // eslint-disable-next-line
      longitude = (coord.hasOwnProperty('longitude')) ? coord.longitude : longitude
      // eslint-disable-next-line
      latitude = (coord.hasOwnProperty('latitude')) ? coord.latitude : latitude
    }
    var R = 6378.137

    var zoomChanged = false

    var rotateStart = new Vector2()
    var rotateEnd = new Vector2()
    var rotateDelta = new Vector2()

    var panStart = new Vector2()
    var panEnd = new Vector2()
    var panDelta = new Vector2()

    var dollyStart = new Vector2()
    var dollyEnd = new Vector2()
    var dollyDelta = new Vector2()

    function getAutoRotationAngle() {
      return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed
    }

    function getZoomScale() {
      return Math.pow(0.95, scope.zoomSpeed)
    }

    function rotateLeft(angle) {
      sphericalDelta.theta -= angle
    }
    this.rotateLeft = rotateLeft

    function rotateUp(angle) {
      sphericalDelta.phi -= angle
    }
    this.rotateUp = rotateUp

    var panLeft = (function() {
      return function panLeft(distance) {
        var lonDelta = Math.cos(spherical.theta) * (distance / (1000 * R * Math.cos(latitude * Math.PI / 180))) * 180 / Math.PI
        longitude -= lonDelta
        var latDelta = -Math.sin(spherical.theta) * (distance / (R * 1000)) * 180 / Math.PI
        if (latitude + latDelta < 80 && latitude + latDelta > -80) {
          latitude += latDelta
          // console.log('latitude:', latitude)
        }
        // latitude = (latitude + 90) % 180 - 90;
        longitude = (longitude + 540) % 360 - 180
      }
    }())
    this.panLeft = panLeft

    this.getLongitude = function() {
      return longitude
    }

    // var newLon = lonOri + (controls.target.x / (1000 * R * Math.cos(lat * Math.PI / 180))) * 180 / Math.PI;
    // var newLat = latOri + (controls.target.y / (1000 * R)) * 180 / Math.PI;

    var panUp = (function() {
      // var v = new Vector3();
      return function panUp(distance) {
        var lonDelta = Math.sin(spherical.theta) * (distance / (1000 * R * Math.cos(latitude * Math.PI / 180))) * 180 / Math.PI
        longitude -= lonDelta
        var latDelta = Math.cos(spherical.theta) * (distance / (1000 * R)) * 180 / Math.PI
        if (latitude + latDelta < 80 && latitude + latDelta > -80) {
          latitude += latDelta
        }
        // latitude = (latitude + 90) % 180 - 90;
        longitude = (longitude + 360) % 360
      }
    }())
    this.panUp = panUp

    this.getLatitude = function() {
      return latitude
    }

    this.setLongitude = function(lon) {
      longitude = lon
    }

    this.setLatitude = function(lat) {
      latitude = lat
    }

    // deltaX and deltaY are in pixels; right and down are positive
    var pan = (function() {
      var offset = new Vector3()
      return function pan(deltaX, deltaY) {
        var element = scope.domElement === document ? scope.domElement.body : scope.domElement
        if (scope.object instanceof PerspectiveCamera || scope.object.type === 'PerspectiveCamera') {
          // perspective
          var position = scope.object.position
          offset.copy(position).sub(scope.target)
          var targetDistance = offset.length()
          // half of the fov is center to top of screen
          targetDistance *= Math.tan((scope.object.fov / 2) * Math.PI / 180.0)
          // we actually don't use screenWidth, since perspective camera is fixed to screen height
          panLeft(2 * deltaX * targetDistance / element.clientHeight)
          panUp(2 * deltaY * targetDistance / element.clientHeight)
        } else if (scope.object instanceof OrthographicCamera || scope.object.type === 'OrthographicCamera') {
          // orthographic
          panLeft(deltaX * (scope.object.right - scope.object.left) / scope.object.zoom / element.clientWidth, scope.object.matrix)
          panUp(deltaY * (scope.object.top - scope.object.bottom) / scope.object.zoom / element.clientHeight, scope.object.matrix)
        } else {
          // camera neither orthographic nor perspective
          console.warn('WARNING: EarthControls.js encountered an unknown camera type - pan disabled.')
          scope.enablePan = false
        }
      }
    }())

    function dollyIn(dollyScale) {
      if (scope.object instanceof PerspectiveCamera || scope.object.type === 'PerspectiveCamera') {
        scale /= dollyScale
      } else if (scope.object instanceof OrthographicCamera || scope.object.type === 'OrthographicCamera') {
        scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom * dollyScale))
        scope.object.updateProjectionMatrix()
        zoomChanged = true
      } else {
        console.warn('WARNING: EarthControls.js encountered an unknown camera type - dolly/zoom disabled.')
        scope.enableZoom = false
      }
    }

    function dollyOut(dollyScale) {
      if (scope.object instanceof PerspectiveCamera || scope.object.type === 'PerspectiveCamera') {
        scale *= dollyScale
      } else if (scope.object instanceof OrthographicCamera || scope.object.type === 'OrthographicCamera') {
        scope.object.zoom = Math.max(scope.minZoom, Math.min(scope.maxZoom, scope.object.zoom / dollyScale))
        scope.object.updateProjectionMatrix()
        zoomChanged = true
      } else {
        console.warn('WARNING: EarthControls.js encountered an unknown camera type - dolly/zoom disabled.')
        scope.enableZoom = false
      }
    }

    //
    // event callbacks - update the object state
    //

    function handleMouseDownRotate(event) {
      // console.log( 'handleMouseDownRotate' );

      rotateStart.set(event.clientX, event.clientY)
    }

    function handleMouseDownDolly(event) {
      // console.log( 'handleMouseDownDolly' );

      dollyStart.set(event.clientX, event.clientY)
    }

    function handleMouseDownPan(event) {
      // console.log( 'handleMouseDownPan' );

      panStart.set(event.clientX, event.clientY)
    }

    function handleMouseMoveRotate(event) {
      // console.log( 'handleMouseMoveRotate' );

      rotateEnd.set(event.clientX, event.clientY)
      rotateDelta.subVectors(rotateEnd, rotateStart)

      var element = scope.domElement === document ? scope.domElement.body : scope.domElement

      // rotating across whole screen goes 360 degrees around
      rotateLeft(2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed)

      // rotating up and down along whole screen attempts to go 360, but limited to 180
      rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed)

      rotateStart.copy(rotateEnd)

      scope.update()
      scope.render()
    }

    function handleMouseMoveDolly(event) {
      // console.log( 'handleMouseMoveDolly' );

      dollyEnd.set(event.clientX, event.clientY)

      dollyDelta.subVectors(dollyEnd, dollyStart)

      if (dollyDelta.y > 0) {
        dollyIn(getZoomScale())
      } else if (dollyDelta.y < 0) {
        dollyOut(getZoomScale())
      }

      dollyStart.copy(dollyEnd)

      scope.update()
      scope.render()
    }

    function handleMouseMovePan(event) {
      // console.log( 'handleMouseMovePan' );

      panEnd.set(event.clientX, event.clientY)

      panDelta.subVectors(panEnd, panStart)

      pan(panDelta.x, panDelta.y)

      panStart.copy(panEnd)

      scope.update()
      scope.render()
    }

    function handleMouseUp(event) {

      // console.log( 'handleMouseUp' );

    }

    function handleMouseWheel(event) {
      // console.log( 'handleMouseWheel' );

      var delta = 0

      if (event.wheelDelta !== undefined) {
        // WebKit / Opera / Explorer 9

        delta = event.wheelDelta
      } else if (event.detail !== undefined) {
        // Firefox

        delta = -event.detail
      }

      if (delta > 0) {
        dollyOut(getZoomScale())
      } else if (delta < 0) {
        dollyIn(getZoomScale())
      }

      scope.update()
      scope.render()
    }

    function handleKeyDown(event) {
      // console.log( 'handleKeyDown' );
      switch (event.keyCode) {
        case scope.keys.UP:
          pan(0, scope.keyPanSpeed)
          scope.update()
          scope.render()
          break
        case scope.keys.BOTTOM:
          pan(0, -scope.keyPanSpeed)
          scope.update()
          scope.render()
          break
        case scope.keys.LEFT:
          pan(scope.keyPanSpeed, 0)
          scope.update()
          scope.render()
          break
        case scope.keys.RIGHT:
          pan(-scope.keyPanSpeed, 0)
          scope.update()
          scope.render()
          break
      }
    }

    function handleTouchStartRotate(event) {
      // console.log( 'handleTouchStartRotate' );
      rotateStart.set(event.touches[0].pageX, event.touches[0].pageY)
    }

    function handleTouchStartDolly(event) {
      // console.log( 'handleTouchStartDolly' );
      var dx = event.touches[0].pageX - event.touches[1].pageX
      var dy = event.touches[0].pageY - event.touches[1].pageY
      var distance = Math.sqrt(dx * dx + dy * dy)
      dollyStart.set(0, distance)
    }

    function handleTouchStartPan(event) {
      // console.log( 'handleTouchStartPan' );
      panStart.set(event.touches[0].pageX, event.touches[0].pageY)
    }

    function handleTouchMoveRotate(event) {
      // console.log( 'handleTouchMoveRotate' );

      rotateEnd.set(event.touches[0].pageX, event.touches[0].pageY)
      rotateDelta.subVectors(rotateEnd, rotateStart)

      var element = scope.domElement === document ? scope.domElement.body : scope.domElement

      // rotating across whole screen goes 360 degrees around
      rotateLeft(2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed)

      // rotating up and down along whole screen attempts to go 360, but limited to 180
      rotateUp(2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed)

      rotateStart.copy(rotateEnd)

      scope.update()
      scope.render()
    }

    function handleTouchMoveDolly(event) {
      // console.log( 'handleTouchMoveDolly' );

      var dx = event.touches[0].pageX - event.touches[1].pageX
      var dy = event.touches[0].pageY - event.touches[1].pageY

      var distance = Math.sqrt(dx * dx + dy * dy)

      dollyEnd.set(0, distance)

      dollyDelta.subVectors(dollyEnd, dollyStart)

      if (dollyDelta.y > 0) {
        dollyOut(getZoomScale())
      } else if (dollyDelta.y < 0) {
        dollyIn(getZoomScale())
      }

      dollyStart.copy(dollyEnd)

      scope.update()
      scope.render()
    }

    function handleTouchMovePan(event) {
      // console.log( 'handleTouchMovePan' );

      panEnd.set(event.touches[0].pageX, event.touches[0].pageY)

      panDelta.subVectors(panEnd, panStart)

      pan(panDelta.x, panDelta.y)

      panStart.copy(panEnd)

      scope.update()
      scope.render()
    }

    function handleTouchEnd(event) {

      // console.log( 'handleTouchEnd' );

    }

    //
    // event handlers - FSM: listen for events and reset state
    //

    function onMouseDown(event) {
      if (scope.enabled === false) return

      event.preventDefault()

      if (event.button === scope.mouseButtons.ORBIT) {
        if (scope.enableRotate === false) return

        handleMouseDownRotate(event)

        state = CONTROL_STATE.ROTATE
      } else if (event.button === scope.mouseButtons.ZOOM) {
        if (scope.enableZoom === false) return

        handleMouseDownDolly(event)

        state = CONTROL_STATE.DOLLY
      } else if (event.button === scope.mouseButtons.PAN) {
        if (scope.enablePan === false) return

        handleMouseDownPan(event)

        state = CONTROL_STATE.PAN
      }

      if (state !== CONTROL_STATE.NONE) {
        document.addEventListener('mousemove', onMouseMove, false)
        document.addEventListener('mouseup', onMouseUp, false)
        document.addEventListener('mouseout', onMouseUp, false)

        scope.dispatchEvent(startEvent)
      }
    }

    function onMouseMove(event) {
      if (scope.enabled === false) return

      event.preventDefault()

      if (state === CONTROL_STATE.ROTATE) {
        if (scope.enableRotate === false) return

        handleMouseMoveRotate(event)
      } else if (state === CONTROL_STATE.DOLLY) {
        if (scope.enableZoom === false) return

        handleMouseMoveDolly(event)
      } else if (state === CONTROL_STATE.PAN) {
        if (scope.enablePan === false) return

        handleMouseMovePan(event)
      }
    }

    function onMouseUp(event) {
      if (scope.enabled === false) return

      handleMouseUp(event)

      document.removeEventListener('mousemove', onMouseMove, false)
      document.removeEventListener('mouseup', onMouseUp, false)
      document.removeEventListener('mouseout', onMouseUp, false)

      scope.dispatchEvent(endEvent)

      state = CONTROL_STATE.NONE
    }

    function onMouseWheel(event) {
      if (scope.enabled === false || scope.enableZoom === false || (state !== CONTROL_STATE.NONE && state !== CONTROL_STATE.ROTATE)) return

      event.preventDefault()
      event.stopPropagation()

      handleMouseWheel(event)

      scope.dispatchEvent(startEvent) // not sure why these are here...
      scope.dispatchEvent(endEvent)
    }

    function onKeyDown(event) {
      if (scope.enabled === false || scope.enableKeys === false || scope.enablePan === false) return

      handleKeyDown(event)
    }

    function onTouchStart(event) {
      if (scope.enabled === false) return
      switch (event.touches.length) {
        case 3: // one-fingered touch: rotate
          if (scope.enableRotate === false) return
          handleTouchStartRotate(event)
          state = CONTROL_STATE.TOUCH_ROTATE
          break
        case 2: // two-fingered touch: dolly
          if (scope.enableZoom === false) return
          handleTouchStartDolly(event)
          state = CONTROL_STATE.TOUCH_DOLLY
          break
        case 1: // three-fingered touch: pan
          if (scope.enablePan === false) return
          handleTouchStartPan(event)
          state = CONTROL_STATE.TOUCH_PAN
          break
        default:
          state = CONTROL_STATE.NONE
      }
      if (state !== CONTROL_STATE.NONE) {
        scope.dispatchEvent(startEvent)
      }
    }

    function onTouchMove(event) {
      if (scope.enabled === false) return
      event.preventDefault()
      event.stopPropagation()
      switch (event.touches.length) {
        case 3: // one-fingered touch: rotate
          if (scope.enableRotate === false) return
          if (state !== CONTROL_STATE.TOUCH_ROTATE) return // is this needed?...
          handleTouchMoveRotate(event)
          break
        case 2: // two-fingered touch: dolly
          if (scope.enableZoom === false) return
          if (state !== CONTROL_STATE.TOUCH_DOLLY) return // is this needed?...
          handleTouchMoveDolly(event)
          break
        case 1: // three-fingered touch: pan
          if (scope.enablePan === false) return
          if (state !== CONTROL_STATE.TOUCH_PAN) return // is this needed?...
          handleTouchMovePan(event)
          break
        default:
          state = CONTROL_STATE.NONE
      }
    }

    function onTouchEnd(event) {
      if (scope.enabled === false) return
      handleTouchEnd(event)
      scope.dispatchEvent(endEvent)
      state = CONTROL_STATE.NONE
    }

    function onContextMenu(event) {
      event.preventDefault()
    }

    scope.domElement.addEventListener('contextmenu', onContextMenu, false)

    scope.domElement.addEventListener('mousedown', onMouseDown, false)
    scope.domElement.addEventListener('mousewheel', onMouseWheel, false)
    scope.domElement.addEventListener('MozMousePixelScroll', onMouseWheel, false) // firefox

    scope.domElement.addEventListener('touchstart', onTouchStart, false)
    scope.domElement.addEventListener('touchend', onTouchEnd, false)
    scope.domElement.addEventListener('touchmove', onTouchMove, false)

    window.addEventListener('keydown', onKeyDown, false)

    // force an update at start

    this.update()
  }
}
